<%--
  Created by IntelliJ IDEA.
  User: weizhaoxiang
  Date: 2021/4/1
  Time: 14:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册页面</title>
</head>
<link type="text/css" href="<%= request.getContextPath()%>/css/login.css" rel="stylesheet">
<body>
<div class="top"></div>


<div class="main">
    <div class="font-1">欢迎注册carpool拼车网</div>
    <div style="width: 100%;margin: 0 auto">
        <form class="layui-form" action="<%= request.getContextPath()%>/register" method="post">
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-inline">
                    <input type="text" name="userName" required lay-verify="required" placeholder="请输入用户名"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">*必填</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">手机号</label>
                <div class="layui-input-inline">
                    <input type="text" name="phone" required lay-verify="required" placeholder="请输入账号"
                           autocomplete="off" class="layui-input">
                </div>
                <div  class="layui-form-mid layui-word-aux">*必填</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">账号</label>
                <div class="layui-input-inline">
                    <input type="text" name="account" required lay-verify="required" placeholder="请输入账号"
                           autocomplete="off" class="layui-input">
                </div>
                <div  class="layui-form-mid layui-word-aux">*必填</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-inline">
                    <input type="text" name="password" required lay-verify="required" placeholder="请输入密码"
                           autocomplete="off" class="layui-input">
                </div>
                <div  class="layui-form-mid layui-word-aux">*必填</div>
            </div>

            <div >
                <div>
                    <button class="mid-button">
                        注册
                    </button>
                </div>
            </div>
            已有账号？去<a style="list-style: none;font-size: 16px;text-decoration: none" href="<%= request.getContextPath() %>/login.jsp">登录</a>
        </form>
    </div>

</div>

</body>
<%@include file="components/base.jsp" %>
<script>
    //Demo
    layui.use('form', function () {
        var form = layui.form;

        //监听提交
        form.on('submit(formDemo)', function (data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>
</html>
